<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>商城首页</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--清楚边距-->
		<!--写一个div用来存放网页内容-->
		<!--分析头部能拆分成几个区域 把头部拆分成上下两部分再把上部分拆成三部分-->
		.<!--确定上下两部分高宽和位置-->
		<!--确定上部分的三个div的位置-->
		<!--给上部分添加背景图-->
		<!--给logo部分添加链接-->
		<!--购物车区域-->
		<!--上半部分文字区域-->
		<!--下半部分导航部分-->
		<!--a链接与ul有很多共同样式 设置背景图-->
		<!--把每个a都设置成块级标签-->
		<!--搜索提示部分-->
		<!--添加搜索脚本-->
		<!--时间脚本-->
		<div id="container">
			<div id="header">
				<div id="header-top">
					<!--上半部分-->
					<div id="logo">
						<a href="#">
							
						</a>
					</div>
					
					<div id="car">
						<ul>
							<li><a href="" class="pic"></a></li>
							<li><a href="" class="text">购物车</a></li>
							<li><a href="" class="pic pic2"></a></li>
							<li><a href="" class="text">加入收藏</a></li>
							<li><a href="" class="pic pic3"></a></li>
							<li><a href="" class="text">帮助中心</a></li>
							<li><a href="" class="pic pic4"></a></li>
							<li><a href="" class="text">设为首页</a></li>
							<li><a href="" class="pic pic5">登录</a></li>
							<li><a href="" class="pic pic5">注册</a></li>
						</ul>
					</div>
					
					<div id="welcome">
						<span>欢迎您对244狗窝的访问</span>
						<span id="time">2020-9-25 10:11:20</span>
					</div>
					
				</div>
				
				<div id="header-nav">
					<!--下半部分-->
					<ul id="nav">
						<li><a href="#">首　　页</a></li>
						<li><a href="#">家用电器</a></li>
						<li><a href="#">手机数码</a></li>
						<li><a href="#">日用百货</a></li>
						<li><a href="#">书　　籍</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">免费开店</a></li>
						<li><a href="#">全球资讯</a></li>
					</ul>
					
					<ul id="soso">
						<li><input type="text" id="content" value=""></li>
						<li><input type="button" onclick="soso()" id=" " value="soso"></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
